//全局文字间距设置
view{
  letter-spacing: 2rpx;
  box-sizing: border-box;
}

// --window-top 是在H5上的导航栏高度，所以减去这个高度/
// 100rpx 是底部TabBar的高度，所以减去这个高度/

.public{
  background: $uni-bg-color-grey;
  display: flow-root;
}
//全局容器
.container{
  @extend .public;

  /* #ifdef H5 */
  min-height:calc(100vh - var(--window-top));
  /* #endif */

  /* #ifndef H5 */
  min-height:100vh;
  /* #endif */
}

//用于tabbar页面
.container-tabbar{
  @extend .public;

  /* #ifdef H5 */
  min-height:calc(100vh - var(--window-top) - var(--window-bottom));
  /* #endif */
  /* #ifndef H5 */
  min-height:100vh;
  /* #endif */
}

//带左右padding(这个应该最常用)
.container-p{
  @extend .container;
  padding: 0 20rpx;
}

//滚动组件对应的样式(可以单独修改高度)
.scroll-Y {
  /* #ifdef H5 */
  height: calc(100vh - var(--window-top));
  /* #endif */
  /* #ifndef H5 */
  height: 100vh;
  /* #endif */
}

//用于tabbar页面
.scroll-Y-tab{
  /* #ifdef H5 */
  height: calc(100vh - var(--window-top) - var(--window-bottom));
  /* #endif */
  /* #ifndef H5 */
  height: 100vh;
  /* #endif */
}

//表单组件样式
.form-container{
  margin-top: 20rpx;
  padding-bottom: 20rpx;
  padding-left: 30rpx;
  padding-right: 20rpx;
  background-color: #fff;
  display: flow-root;
}
.content-container{
  //margin-top: 20rpx;
  padding-bottom: 20rpx;
  padding-left: 20rpx;
  padding-right: 20rpx;
  background-color: #fff;
  display: flow-root;
}
